<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- rem单位适配： -->
    <!-- 通过动态修改根元素（html）的font-size，使得页面元素基于rem的布局能够自适应不同屏幕尺寸 -->
    <!-- 1.媒体查询 2.js 3.PostCSS插件（最佳实现） 4.转换插件 -->
    <!-- 注意：rem只认html -->

    rem设计稿转换公式：
    <!-- rem值 = 设计稿元素尺寸 / html的font-size（基准值） -->
</head>
<body>
    
</body>
</html>